import React from 'react';

interface TestAccount {
  email: string;
  code: string;
  company: string;
}

interface TestAccountInfoProps {
  accounts: TestAccount[];
}

const TestAccountInfo: React.FC<TestAccountInfoProps> = ({ accounts }) => {
  return (
    <div className="mt-6 rounded-lg bg-blue-50 p-4">
      <h4 className="text-blue-800 mb-2 text-sm font-medium">测试账号：</h4>
      <div className="text-blue-700 space-y-1 text-xs">
        {accounts.map((account, index) => (
          <div key={index}>
            {account.email} / {account.code} ({account.company})
          </div>
        ))}
      </div>
    </div>
  );
};

export default TestAccountInfo;
